I'm a 2016 graduate of the University of Michigan and current graduate
student at the Maryland Institute College of Art (MICA), in Baltimore,
MD, where I'm pursuing a Master's in User Experience Design.
Here you'll find a collection of my work, ranging from paintings and drawings
to UX design and some reflections on my current coursework. Hit the link
below to see my resume & feel free to contact me by sending a message
below or shooting an email my way. Thanks for visiting.
Personal Project
In Progress
Maryland Institute College of Art
Fall 2016
Case Studies & User Testing
Maryland Institute College of Art, September 2016
Residency I: BFM App
April 2016
App Design
2015-present
Cartoons, Graphics & Apparel
University of Michigan
Building Web Interfaces, Fall 2015
Redesign Project
University of Michigan, Spring 2015
Garamond Poster Series
Summer 2015
UX/Design Internship
2010-present
2010-present
2010-present
2010-present
2014-2016
Assorted Work
2014
App Design
(Is this legally binding?)
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
As a big podcast listener, I was disappointed to find that Apple's recent release of iOS10 didn't include an update to their native podcast app, which is in dire need of some user experience tweaks. Even more peculiar was that Apple overhauled the Music and News apps, which share similar functions and visual language, yet neglected podcast.
I've had many frustrations with the app, so, after playing around in Axure one day, I decided to try my hand at visualizing what a redesigned iOS10 Podcasts app would look like and explored solutions to some of the issues I've encountered. Below are a couple rough screens from the work in progress, and I'll keep updating this as I work.
Some recent coursework from my graduate studies at Maryland Institute College of Art (MICA), primarily from the course: Foundations of User Experience Design. This course was an overview of the UX field, as card bg-faded card-block mb-3 as an introduction to rapid prototyping in Axure, user interviews, and usability testing
Below are pieces from two projects. The first is user journey map based on a heuristic review of Pocard bg-faded card-block mb-3s.com, a bookselling website. Following that is a medium-fidelity redesign proposal for Nature.org, based on in-person card sorting of navigation categories. Included are the results of the card sorting and subsequent usability testing of the prototype.
A map of customer use flow for purchasing a book online, used in a heuristic review of the site.
Card sort results and prototype screens for Nature.org redesign project.
Color-coded spreadsheet of Nature.org navigation card sort results.
Matrix showing correlations between individual cards
Sitemap showing rearranged site structure according to card sort findings.
As part of my studies at the Maryland Institute College of Art (MICA), I took part in a 3-day workshop where we were tasked with designing a hypothetical app for the Baltimore Farmers' Market to improve customer experience and meet the organizers' business goals.
On a cloudy September Sunday, we visited the bustling market to interview shoppers and vendors in the field, using those findings to develop composite user personas, ideate potential app functions, map the user experience, and, finally, create low-fidelity wireframes for presentation.
Assume you have been hired to create an app that will assist BOPA in fulfilling the following goals:
Interviewing shoppers & vendors in the field at the BFM.
Mapping out what users see, hear, think & feel while shopping, and what pains & gains they experience.
Imagining a prototypical user from interview data.
Last semester, I worked as lead designer of a Michigan student-run startup called FindBlue, which aims to create a platform to connect creative students with on-campus employers. Here are a few images of mobile and website mockups.
In the fall of 2015, I took a course called Building Web Interfaces, an overview of web design from initial wireframing, design, and prototyping and introduction to coding the final product using primarily HTML & CSS.
The following project is a redesign of the University of Michigan's notorious registrar's office website, home to important information including the academic calendar, tuition payments, degree progress, and school policies. Given the utility that the site provides to the campus community, I felt that its unsightly and cumbersome design warranted an overhaul.
My redesign consisted of a reorganized sitemap, mockups for new desktop and mobile versions, and interactive homepage prototypes created with HTML & CSS.
A collection of images from the existing Registrar page, its sitemap, and noted areas for improvement.
Revised sitemap and desktop/mobile interfaces.
View HTML/CSS prototypes here: Web |
Mobile
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.
A series of posters about the history and construction of the typeface
Garamond.
Course: Typography (Spring 2015), University of Michigan
For the summmer of 2015, I interned at Parking Panda, a startup based in Baltimore, MD, that provides online and mobile parking reservation services for consumers and back-end management systems for property owners.
Here are just a few examples of marketing assets and mobile/web redesigns that I produced for them. In addition to graphic work, I conducted Parking Panda's first user testing program, writing tests and analyzing customer feedback, which I combined with reports on competitor UX practices to suggest improvements for Parking Panda's forthcoming mobile app and website overhauls.
Check back soon.
Check back soon.